<!DOCTYPE html>
<html>

    <head lang="en">
        <meta charset="UTF-8">
        <title></title>
        <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1" />
        <meta name="renderer" content="webkit" />
        <meta name="force-rendering" content="webkit" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
        <link rel="stylesheet" type="text/css" href="../../../../public/plug/bootstrap/css/bootstrap.min.css" />
        <link rel="stylesheet" type="text/css" href="../../../../public/admin/css/all.css" />
        <link rel="stylesheet" type="text/css" href="../../../../public/admin/css/panel.index.css" />
    </head>

    <body class="text-center">
        <div class="panelBox center-block text-center">
            <div class="panels panel panel-default">
                <div class="personInfo ">
                    <div class="pull-left userImgBox">
                        <div class="userNameSex">
                            <p>张无忌</p>
                            <p>JAM <i class="fa fa-mars"></i></p>
                        </div>
                    </div>
                    <div class="pull-right userBtnGroup">
                        <button class="pull-right">按钮</button>
                        <button class="pull-right">按钮</button>
                        <button class="pull-right">按钮</button>
                        <button class="pull-right">按钮</button>
                    </div>
                </div>
                <ul class="personOption list-group">
                    <li class="list-group-item littleLi">明日东华</li>
                    <li class="list-group-item littleLi">明日东华</li>
                    <li class="list-group-item">information information information information</li>
                    <li class="list-group-item">information information information information</li>
                    <li class="list-group-item">information information information information</li>
                    <li class="list-group-item">information information information information</li>
                </ul>
            </div>
            <div class="panels panel panel-default"></div>
            <div class="panels panel panel-default"></div>
            <div class="panels panel panel-default"></div>
            <div class="panels panel panel-default"></div>
            <div class="panels panel panel-default"></div>
        </div>
        <ul class="pagination panelPage">
            <li>
                <a href="javascript:;">&laquo;</a>
            </li>
            <li>
                <a href="javascript:;">1</a>
            </li>
            <li>
                <a href="javascript:;">2</a>
            </li>
            <li>
                <a href="javascript:;">3</a>
            </li>
            <li>
                <a href="javascript:;">4</a>
            </li>
            <li>
                <a href="javascript:;">5</a>
            </li>
            <li>
                <a href="javascript:;">&raquo;</a>
            </li>
        </ul>

        <script type="text/javascript" charset="utf-8" src="https://gitee.com/chenxin126/thin/raw/master/src/thin.js" thin-loader="../../../../public/admin/js/all.js"></script>
        <script src="https://use.fontawesome.com/7eb9180798.js"></script>
        <script src="../../../../public/admin/js/panel.index.js"></script>
    </body>

</html>